﻿/*
 * Script: "mapa_consulta_linea_tax.js"
 * Copyright 2011 SISVOX.
 *
 * Licenciado bajo SISVOX, Version 1.0 (la "Licencia");
 * El codigo presente que compone este Software es propiedad unica y
 * exclusivamente de SISVOX, por lo tanto, usted no podrá utilizar este
 * archivo excepto en cumplimiento de la Licencia ofrecida por SISVOX.
 * Usted puede obtener una copia de la Licencia en:
 *
 *      Soluciones Integrales de Software Vox (SISVOX)
 *                 http://www.sisvox.com
 *
 *     - Carlos Calvo      <ccalvo@sisvox.com>
 *     - Andres Hernandez  <ahernandez@sisvox.com>
 *
 * A menos que sea requerido por la ley aplicable o se acuerde por escrito,
 * el software distribuido bajo la licencia se distribuye "TAL CUAL", CON
 * LAS GARANTIAS Y CONDICIONES expresadas en la "Licencia".
 */
 
 
// =================================================================================================================
// ====================================== MAPA DE CONSULTA DE LÍNEA DE TÁXIS =======================================
// =================================================================================================================

function mapa_consultar_linea_tax() {					
	
	var coord_x 		= document.getElementById("h_coord_x").value;
	var coord_y 		= document.getElementById("h_coord_y").value;
	
	var coord_x_centro 	= document.getElementById("h_coord_x_centro").value;
	var coord_y_centro 	= document.getElementById("h_coord_y_centro").value;
	var zoom_centro 	= document.getElementById("h_zoom_centro").value;
	
	// Creamos el Mapa
	var centerPoint = new google.maps.LatLng( parseFloat(coord_x_centro).toFixed(8), parseFloat(coord_y_centro).toFixed(8) );
	var myOptions = {
		zoom: parseInt(zoom_centro),
		zoomControlOptions: {
      		style: google.maps.ZoomControlStyle.LARGE
    	},
		center: centerPoint,
		panControl: true,
		mapTypeControl: false,
		scaleControl: true,
		streetViewControl: false,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	} 
	var map = new google.maps.Map(document.getElementById("map"), myOptions);
	
	var icono_marker = "../../publico/imagenes/mapa/taxi.png";
	var image = new google.maps.MarkerImage( icono_marker,
		new google.maps.Size( 25, 25 ),
		new google.maps.Point( 0, 0 ),
		new google.maps.Point( parseInt(12.5), parseInt(12.5) ));
	
	// Inicializamos y Seteamos las Variables del Marcador
	var point 				= new google.maps.LatLng( parseFloat(coord_x).toFixed(8), parseFloat(coord_y).toFixed(8) );
	
	var id_linea			= document.getElementById("h_id_linea").value;
	var nombre 				= document.getElementById("h_nombre").value;
	var fecha_apertura		= document.getElementById("h_fecha_apertura").value;
	var unidades 			= document.getElementById("h_unidades").value;
	
	var nombre_parroquia	= document.getElementById("h_nombre_parroquia").value;
	var nombre_sector 		= document.getElementById("h_nombre_sector").value;
	
	// Llenamos la Informacion del InfoWindow
	html_tab1 	= document.getElementById('infowindow_div_linea').innerHTML;
	html_tab2 	= document.getElementById('infowindow_div_ubicacion').innerHTML;
	
	// Si el Tab es Línea
	html_tab1	= html_tab1.replace("%%element.id_linea%%",				id_linea);
	html_tab1 	= html_tab1.replace("%%element.nombre%%",				nombre);
	html_tab1 	= html_tab1.replace("%%element.fecha_apertura%%",		fecha_apertura);
	html_tab1 	= html_tab1.replace("%%element.unidades%%",				unidades);
	
	// Si el Tab es Ubicacion
	html_tab2 	= html_tab2.replace("%%element.id_linea%%",				id_linea);
	if ( nombre_parroquia != "" ) {
		html_tab2 = html_tab2.replace("%%element.nombre_parroquia%%",	nombre_parroquia);
	} else {
		html_tab2 = html_tab2.replace('<tr><td class="titulo_info_tab">Parroquia:</td><td>%%element.nombre_parroquia%%</td></tr>',		"");
	}
	if ( nombre_sector != "" ) {
		html_tab2 = html_tab2.replace("%%element.nombre_sector%%",		nombre_sector);
	} else {
		html_tab2 = html_tab2.replace('<tr><td class="titulo_info_tab">Sector:</td><td>%%element.nombre_sector%%</td></tr>',			"");	
	}
	
	// Creamos el Marcador
	var marker = new google.maps.Marker({
		position: point, 
		map: map, 
		title: nombre, 
		icon: image
	});
	 
	// Configuramos el infoBubble
	infoBubble = new InfoBubble({
		maxWidth: 300,
		minWidth: 300,
		maxHeight: 200,
		minHeight: 200,
		map: map,
		shadowStyle: 1,
		padding: 5,
		backgroundColor: '#FFFFFF',
		borderRadius: 15,
		arrowSize: 20,
		borderWidth: 2,
		borderColor: color_menu,
		disableAutoPan: false,
		hideCloseButton: false,
		arrowPosition: 50,
		arrowStyle: 0
	});
	
	// Agregamos los Tabs al InfoWindow
	infoBubble.addTab('Línea', 		html_tab1);
	infoBubble.addTab('Ubicación', 	html_tab2);
	
	// Creamos el Evento
	google.maps.event.addListener(marker, 'click', function() {
		if (!infoBubble.isOpen()) {
			infoBubble.open(map, marker);
		}
	});
}